<template>
  <div class="set">
    <div><HeaderPublc></HeaderPublc></div>
    <div class="container">
      <div class="main" id="main" >
        <div class="banner">
            <cent> </cent>
        </div>
        <!--<div class="oder" style="line-height: .6rem">-->
          <!--<div class="" style="line-height: .6rem;height: .6rem">-->
            <!--<p  style="line-height: 0px;"><el-button type="primary"  class="bot " @click="show3 = !show3"><span><img class="pushIocn" :src="pushIocn"> </span> 自助询价 <i class="el-icon-close clos" style="" v-show="show3"></i></el-button></p>-->
          <!--</div>-->
          <!--<el-collapse-transition>-->
            <!--<div v-show="show3">-->
              <!--<oder> </oder>-->
            <!--</div>-->
          <!--</el-collapse-transition>-->
        <!--</div>-->
        <div class="indexOder">
          <indexOder> </indexOder>
        </div>
      </div>
      <div>
        <myfooter>
        </myfooter>
      </div>
      <div class="myfootertow">
        <myfootertow></myfootertow>
      </div>
    </div>
  </div>
</template>
<style scoped>
  .myfootertow{text-align: left;padding-bottom: 20px;background-color: #c0c4cc }
  .set{width: 100%;height: 100%}
  .set .container{width:  100%;min-height: 100%;background: #ecf0f1}
  .set .container .aside{width: auto;height: 100%;float: left;background: #545c64;margin-right: 20px;}
   footer{width: 100%;clear: both }
  .set .container .main{}
  .set .container .show .main{}
   body{background-color:#f7f7f7;}
  .banner{margin-bottom:30px;background-color:#fff}
  .oder{margin-bottom:30px;padding: 30px 0px;}
  .indexOder{margin-bottom:30px;}
  .bot{padding-top: .09rem;padding-bottom: .10rem; border:0px none;line-height:.38rem;background-color: #0061a1;color:#fff;width:3.3rem;margin: auto ;;cursor: pointer ;font-size: .24rem;position: relative;border-radius: 0px;font-weight: bold;font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif}
  .bot .clos{position: absolute;right: .1rem;top: 30%;color: #4f99c9;font-size: .28rem;}
  .pushIocn{width: .28rem;position: relative;top: .05rem}
  @media only screen and (min-width: 1200px){
    .nave span{font-size: 18px}
    .us  span{font-size:18px}
    .iocnImg{width: 30px;top: 10px;right: 10px}
  }
  @media only screen and (min-width: 1400px){
    .us  span{font-size: 20px}
    .nave span{font-size: 20px}
    .iocnImg{width: 40px;top: 10px;right: 10px}
  }
  @media only screen and (min-width: 1600px){
    .us  span{font-size: 22px}
    .nave span{font-size: 22px}
    .iocnImg{width:45px;top: 15px;right: 10px}
  }
  @media only screen and (min-width: 1920px){
    .pushIocn{width: 35px;right: .1rem}
  }

</style>
<script>
  import myfootertow from '@/components/public/footerTow.vue'
  import HeaderPublc from '@/components/public/herderIndex.vue'
  import Public from '@/vuex/public'
  import cent from '@/components/lanwan/pager/banner.vue'
  import indexOder from '@/components/lanwan/pager/goodesList.vue'

  import myfooter from '@/components/public/footer.vue'

  import {mapState, mapActions} from 'vuex'
  export default {
    name: 'my-adminChart',
    created () {
      var   parm ={
        origin:"",
        dest:"",
        lcl:0
      }
      this.$store.commit('searchParamFn',parm)
    },
    data () {
      return {
        show3:false,
      }
    },
    methods: {
      login () {
        this.$router.push({ name: 'map' })
      }
    },
    computed: {
      ...mapState([
        'addOderData',
        'updateStatus',
        'language',
        'show'
      ])
    },
    mounted () {
      // var width = document.body.clientWidth;
      // var dom = document.getElementById('main');
      // var w = width-240;
      // dom.style = 'max-width:'+ w +'px';
    },
    components: {
      HeaderPublc: HeaderPublc,
      cent: cent,
      indexOder:indexOder,
      myfooter:myfooter,
      myfootertow:myfootertow
    }
  }
</script>

